/**
 * 整体修饰
 */
* {margin:0; box-sizing:border-box;}
html {height:100%;}
body {height:100%; margin:0; padding:0; font-size:12px; background:#fff;}
#app {flex: 1; height:100%; margin:0; padding:0; display: flex; flex-direction: column}
table {border-collapse:collapse; border-spacing:0; width:100%;}
ul, li {margin: 0; padding: 0; list-style:none; -webkit-padding-start:0;}
input,button,select,textarea{outline:0 none;}
a {text-decoration:none;}
p {margin-bottom: 0;}
i { position:relative;}

/* 滚动条修饰 */
::-webkit-scrollbar{width:0;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-thumb{background-color:transparent;}
::-webkit-scrollbar-thumb:hover {background-color:#e6e6e6; }
::-webkit-scrollbar-thumb:active {background-color:#cfcfcf}

/**
 * 设置app初始为透明
 */ 
 #app{opacity:0}

/* 统一后台页面载入动画：fadein */
@keyframes fade-in { 0% {opacity: 0;} 100% {opacity: 1;}}  
@-webkit-keyframes fade-in { 0% {opacity: 0;} 100% {opacity: 1;}}  
.fadein { animation: fade-in; animation-duration: 0.3s;  -webkit-animation:fade-in 0.3s; animation-fill-mode:forwards} 

/* 统一后台页面载入动画：fadeout */
@keyframes fade-out { 0% {opacity: 0;} 100% {opacity: 1;}}  
@-webkit-keyframes fade-out { 0% {opacity: 0;} 100% {opacity: 1;}}  
.fadeout { animation: fade-out; animation-duration: 0.3s;  -webkit-animation:fade-out 0.3s; animation-fill-mode:forwards} 
